<template>
    <view class="order-list back_color" style="height: 100vh;">
        <!-- :auth="true" 是表示需要权限登录的 -->
        <view class="orderList pt-[20rpx]" v-if="isLogin">
            <orderList></orderList>
        </view>
    </view>
</template>

<script lang="ts" setup>
import { ref, computed } from 'vue'
import orderList from './components/order-list.vue'
import { useUserStore } from '@/stores/user'


const userStore = useUserStore()
// 是否登录
const isLogin = computed(() => userStore.token)


</script>

<style lang="scss" scoped>
.element.style {
    background-color: red;
}

.orderList {
    height: calc(100vh - 44px - 100rpx - env(safe-area-inset-bottom));
}
</style>
